<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" />
  <meta name="format-detection" content="email=no" />
  <!-- UC默认竖屏 ，UC强制全屏 -->
  <meta name="full-screen" content="yes" />
  <meta name="browsermode" content="application" />
  <meta name="screen-orientation" content="portrait">
  <meta name="imagemode" content="force" />
  <!-- QQ强制竖屏 QQ强制全屏 -->
  <meta name="x5-orientation" content="portrait" />
  <meta name="x5-fullscreen" content="true" />
  <meta name="x5-page-mode" content="app" />
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <title>SbotlpReactWebpackConfig</title>
</head>
<style>
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
  }

  /* 可选：将整个页面的行高设为 1倍 */

  body {
    line-height: 1;
    font-family: "微软雅黑";
    font-size: 80px;
  }

  ul li,
  ol li {
    list-style: none;
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  a {
    text-decoration: none;
    color: inherit;
  }

  /* 解决div内插入图片的下缝隙bug */

  div img {
    display: block;
  }

  /* 万能清除法 */

  .clearfix:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    visibility: hidden;
    clear: both;
  }

  /* 垂直居中 */

  .ghost-center:after {
    display: inline-block;
    height: 100%;
    width: 0%;
    visibility: hidden;
    vertical-align: middle;
    content: "";
  }

  .ghost-center-target {
    display: inline-block;
    vertical-align: middle;
  }
</style>
<script>
  ! function (a, b) {
    function c() {
      var b = f.getBoundingClientRect().width;
      b / i > 540 && (b = 540 * i);
      var c = b / 10;
      f.style.fontSize = c + "px", k.rem = a.rem = c
    }
    var d, e = a.document,
      f = e.documentElement,
      g = e.querySelector('meta[name="viewport"]'),
      h = e.querySelector('meta[name="flexible"]'),
      i = 0,
      j = 0,
      k = b.flexible || (b.flexible = {});
    if (g) {
      // console.warn("将根据已有的meta标签来设置缩放比例");
      var l = g.getAttribute("content").match(/initial\-scale=([\d\.]+)/);
      l && (j = parseFloat(l[1]), i = parseInt(1 / j))
    } else if (h) {
      var m = h.getAttribute("content");
      if (m) {
        var n = m.match(/initial\-dpr=([\d\.]+)/),
          o = m.match(/maximum\-dpr=([\d\.]+)/);
        n && (i = parseFloat(n[1]), j = parseFloat((1 / i).toFixed(2))), o && (i = parseFloat(o[1]), j = parseFloat((1 / i).toFixed(2)))
      }
    }
    if (!i && !j) {
      var p = a.navigator.userAgent,
        q = (!!p.match(/android/gi), !!p.match(/iphone/gi)),
        r = q && !!p.match(/OS 9_3/),
        s = a.devicePixelRatio;
      i = q && !r ? s >= 3 && (!i || i >= 3) ? 3 : s >= 2 && (!i || i >= 2) ? 2 : 1 : 1, j = 1 / i
    }
    if (f.setAttribute("data-dpr", i), !g)
      if (g = e.createElement("meta"), g.setAttribute("name", "viewport"), g.setAttribute("content", "initial-scale=" + j + ", maximum-scale=" + j + ", minimum-scale=" + j + ", user-scalable=no"), f.firstElementChild) f.firstElementChild.appendChild(g);
      else {
        var t = e.createElement("div");
        t.appendChild(g), e.write(t.innerHTML)
      }
    a.addEventListener("resize", function () {
      clearTimeout(d), d = setTimeout(c, 300)
    }, !1), a.addEventListener("pageshow", function (a) {
      a.persisted && (clearTimeout(d), d = setTimeout(c, 300))
    }, !1), "complete" === e.readyState ? e.body.style.fontSize = 12 * i + "px" : e.addEventListener("DOMContentLoaded", function () {
      e.body.style.fontSize = 12 * i + "px"
    }, !1), c(), k.dpr = a.dpr = i, k.refreshRem = c, k.rem2px = function (a) {
      var b = parseFloat(a) * this.rem;
      return "string" == typeof a && a.match(/rem$/) && (b += "px"), b
    }, k.px2rem = function (a) {
      var b = parseFloat(a) / this.rem;
      return "string" == typeof a && a.match(/px$/) && (b += "rem"), b
    }
  }(window, window.lib || (window.lib = {}));
</script>
<script>
  window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);

  function hengshuping() {
    if (window.orientation == 90 || window.orientation == -90) {
      //横屏
      event.stopPropagation();
      event.cancelBubble = true
    } else {
      //竖屏
    }
  }
  if ((/Android/gi).test(navigator.userAgent)) {
    window.addEventListener('resize', function () {
      if (document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA') {
        window.setTimeout(function () {
          document.activeElement.scrollIntoViewIfNeeded();
        }, 0);
      }
    })
  }
</script>
<body>
  <div id='root'></div>
</body>
</html>